<template>
  <s-layout title="合作邀请" leftIcon="|">
    <view class="cooperation-wrap">
      <su-fixed placeholder>
        <su-tabs
          :list="cooperationTabList"
          :scrollable="false"
          :activeStyle="{ color: '#202020',fontSize: '28rpx', fontWeight: 'Bold' }"
          :inactiveStyle="{ fontSize: '28rpx', color: '#787878' }"
          @change="onTabsChange"
          :lineHeight="0"
          :borderNode="true"
          backgroundColor="transparent"
          :current="state.currentTab"
        ></su-tabs>
        <!-- 合作邀请content list -->
        <view class="content">
          <cooperation-list></cooperation-list>
        </view>
      </su-fixed> 
    </view>
  </s-layout>
</template>
<script setup>
import sheep from '@/sheep';
import { onLoad } from '@dcloudio/uni-app';
import CooperationList from './components/CooperationList.vue';

import { computed, reactive } from 'vue';
import { isEmpty } from 'lodash';
import { cooperationTabList } from './tools/enum'

const state = reactive({
  currentTab: 0,
  show: false
});
const radioItems = [
  {
    name: 1,
    value: '3980套餐',
    checked: 'true'
  },
  {
    name: 2,
    value: '19800套餐'
  },
]
const infoItems = [
  { key: 'shopName', label: '店铺名称', val: '已有店铺名称' },
  { key: 'shopType', label: '店铺类型', val: '个体户' },
  { key: 'shopId', label: '店铺ID', val: '9898989898' },
  { key: 'managerName', label: '店铺管理人', val: '姓名' },
  { key: 'managerPhone', label: '管理人手机号', val: '138 9999 0000' }

]

const onTabsChange = e => {
  console.log(e, 'eeeeee')
}
const handleChange = item => {
  state.currentRadio = item.name
}

const handleAction = () => {
  console.log('action')
  state.show = true
}
onLoad(() => {
  console.log('settled');
});

</script>
<style lang='scss' scoped>
.cooperation-wrap {
  .tabs {
    
  } 
}
</style>